.order-detail{
  height: 100%;
}

.order-detail .order-detail-btns{
  padding: 0 20px;
  margin-bottom: 10px;
}

.order-detail .print-area{
  height: calc(100% - 42px);
  overflow: auto;
  padding: 0 20px;
}

#app .order-detail-content {
  display: inline-block;
}

#app .order-detail-content >img{
  max-width: 100%;
}

@media print {
  html {
    height: auto !important;
    overflow: visible !important;
  }

  body {
    height: auto !important;
    overflow: visible !important;
  }

  body>div {
    display: none !important;
  }

  #app {
    height: auto !important;
    overflow: visible !important;
    display: block !important;
  }

  #app>* {
    height: 0 !important;
    display: none !important;
  }

  #app .print-area {
    overflow: visible !important;
    display: block !important;
    page-break-before: always;
  }

  #app .print-area .order-detail-content {
    height: 0;
    min-height: 0 !important;
    overflow: visible !important;
  }
}